<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<script type="text/javascript" src="functions.js"></script>
</h:head>
<title>Cadastro de Clientes</title>
<h:body>
	<h:form style="font-size: 12px" id="cadastro-de-cliente">
		<center>
			<h:panelGrid>
				<p:panel id="CadastroDeClientes" header="Cadastro de Cliente:">
					<h:panelGrid style="background-color: transparent" columns="4">
						<h:outputText value="Filiado a:" />


						<p:selectOneMenu id="loja" value="#{clienteBean.cliente.loja}"
							effect="fold" converter="lojaConverter">
							<f:selectItems value="#{lojaBean.lojas}" var="loja"
								itemLabel="#{loja.pessoaJuridica.razaoSocial}" />
						</p:selectOneMenu>

					</h:panelGrid>
					<p:panel id="DadosGerais" header="Dados Gerais">

						<h:panelGrid columns="2">
							<h:panelGrid columns="2">
								<h:outputText value="Codigo: " />
								<p:inputText id="codigo" disabled="true" value="Novo" />
								<h:outputText value="Nome :" />
								<p:inputText id="nRs" value="#{clienteBean.cliente.nome}" />
								<h:outputText value="Apelido: " />
								<p:inputText id="apelidoFantasia"
									value="#{clienteBean.cliente.apelidoFantasia}" />
							</h:panelGrid>
							<h:panelGrid columns="2">
								<h:outputText value="CPF/CNPJ:" />
								<p:inputText id="cpfCnpj" value="#{clienteBean.cliente.cpfCnpj}" />
								<h:outputText value="IE/RG:" />
								<p:inputText id="ieRg" value="#{clienteBean.cliente.ieRg}" />
							</h:panelGrid>
						</h:panelGrid>
					</p:panel>
					<p:panel id="Endereco" header="Endereços">
						<h:panelGrid columns="4">
							<h:outputText value="Endereço:" />
							<p:inputText id="endereco"
								value="#{clienteBean.cliente.endereco.endereco}" />
							<h:outputText value="Complemento:" />
							<p:inputText id="complemento"
								value="#{clienteBean.cliente.endereco.complemento}" />
							<h:outputText value="Cep:" />
							<p:inputMask id="cep" value="#{clienteBean.cliente.endereco.cep}"
								mask="99999-999" />
							<h:outputText value="Bairro:" />
							<p:inputText id="bairro"
								value="#{clienteBean.cliente.endereco.bairro}" />
							<h:outputText value="Cidade:" />
							<p:inputText id="cidade"
								value="#{clienteBean.cliente.endereco.cidade}" />
							<h:outputText value="Estado:" />
							<p:selectOneMenu id="estado"
								value="#{clienteBean.cliente.endereco.estado}" effect="fold">
								<f:selectItems value="#{constantes.estados}" />
							</p:selectOneMenu>
						</h:panelGrid>
					</p:panel>
					<p:panel id="DadosContato" header="Dados Para Contato">
						<h:panelGrid columns="4">
							<h:outputText value="Telefone:" />
							<p:inputMask id="tel1"
								value="#{clienteBean.cliente.contato.telefone}"
								mask="(99)9999-9999" />
							<h:outputText value="Telefone:" />
							<p:inputMask id="tel2"
								value="#{clienteBean.cliente.contato.telefoneAux}"
								mask="(99)9999-9999" />
							<h:outputText value="Email:" />
							<p:inputText id="email1"
								value="#{clienteBean.cliente.contato.email}" />
							<h:outputText value="Email:" />
							<p:inputText id="email2"
								value="#{clienteBean.cliente.contato.emailAux}" />
						</h:panelGrid>
					</p:panel>
				</p:panel>
				<p:panel>
					<center>
						<p:commandButton id="bntCadastrar" value="Cadastrar"
							action="#{clienteBean.adicionar}" update="cadastro-de-cliente"
							styleClass="ui-priority-primary" icon="ui-icon-disk">
						</p:commandButton>
						<p:commandButton value="Voltar" action="menu.xhtml" />
						<p:commandButton value="Listar Todos"
							action="lista-de-clientes.xhtml" />
					</center>
				</p:panel>
			</h:panelGrid>
		</center>
	</h:form>

</h:body>

</html>